<#include "/layout/layout.ftl">
<#import "/layout/macro.ftl" as macro>
<#assign css>
<style>
</style>
</#assign>
<#assign js>
<script>
    function del(id) {
        layer.confirm('确定删除吗?', {icon: 3, title: '提示'}, function (index) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "${ctx!}/agent/delete/" + id,

                success: function ta(res) {
                    layer.msg(res.message, {time: 2000}, function () {
                        location.reload();
                    });
                }
            });
        });
    }

    function jiefe(id,status) {
        var info = "封号";
        if(status===1){
            info = "解封";
        }
        layer.confirm('确定要对该账号进行'+info+'处理吗?', {icon: 3, title: '提示'}, function (index) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "${ctx!}/agent/fenghao/" + id,
                data : {status:status},
                success: function (res) {
                    layer.msg(res.message, {time: 2000}, function () {
                        location.reload();
                    });
                }
            });
        });
    }




    $('#table').bootstrapTable({
        url: "${ctx!}/agent/indexdata",
        dataType: "json",
        striped: true,
        columns: [
            // {
            //     checkbox: true,
            //     visible: true                  //是否显示复选框
            // },
            {
                title: '代理ID',
                field: 'id',
                align: 'center',
               sortable: true
            },

            {
                title: '昵称',
                field: 'nickname',
                align: 'center'
            },

            {
                title: '联系电话',
                field: 'phone',
                align: 'center',
            },
            {
                title: '微信',
                field: 'wechat',
                align: 'center',
            },
            {
                title: '身份证',
                field: 'idCard',
                align: 'center',
            },
            {
                title: '可提现金额',
                field: 'ableMoney',
                align: 'center',
            },
            {
                title: '状态',
                field: 'status',
                align: 'center',
                formatter:function(value,row,index){
                    if(value==0){
                        return '<span class="label label-danger">未使用</span>';
                    }else if (value==1){
                        return '   <span class="label label-info">已使用</span>';
                    }else {
                        return '   <span class="label label-info">已封号</span>';
                    }
                }
            },
            {
                title: '操作人',
                field: 'operator',
                align: 'center'

            },
            {
                title: '操作时间',
                field: 'updateTime',
                align: 'center',
                sortable: true
            },
            {
                title: '操作',
                field: '',
                align: 'center',
                formatter:function(value,row,index){
                   var e =' <@shiro.hasPermission name="system:agent:edit">'+
                       ' <a class="btn btn-sm btn-primary" href="${ctx!}/agent/edit/'+row.id+'">编辑</a>'+
                     ' </@shiro.hasPermission>';
                     if(row.status==1){
                      e= e+    '  <@shiro.hasPermission name="system:agent:fenghao">'+
                       '  <button class="btn btn-sm btn-danger" onclick="jiefe('+row.id+',2)">封号</button>'+
                     '  </@shiro.hasPermission>';
                     }
                    if(row.status==2){
                         e= e+    '  <@shiro.hasPermission name="system:agent:jiefeng">'+
                       ' <button  class="btn btn-sm btn-danger" onclick="jiefe('+row.id+',1)">解封</button>'+
                     '  </@shiro.hasPermission>';
                    }
                    if(row.status==0) {
                        e = e + '   <@shiro.hasPermission name="system:agent:delete">'+
                        '<button class="btn btn-sm btn-danger" onclick="del(' + row.id + ')">删除</button>' +
                    '</@shiro.hasPermission>';
                    }


                    return e;
                }
            }
        ] ,
        queryParamsType:'',//默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
        // 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
        queryParams: function queryParams(params){
            var param = {
                id:$("#id").val(),
                pageNumber: params.pageNumber,
                pageSize: params.pageSize,
                sortName: params.sortName,      //排序列名
                sortOrder: params.sortOrder //排位命令（desc，asc）
                // offset: params.offset,  //页码
                // limit: params.limit,   //页面大小
                // search : params.search, //搜索
                // order : params.order, //排序
                // ordername : params.sort, //排序
            };
            return param;
        },
        //其他主要参数
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageList: [5,10,15,20], //每页的记录行数（*）
        // search: true,  //显示查询框
        sidePagination: 'server',  //服务端分页
        pagination: true, //是否显示分页（*）
        sortable: true,                     //是否启用排序
        classes:"table-no-bordered",
        //showColumns:true,
      //  showRefresh: true,
        sortOrder: "asc"                   //排序方式
    });


    $('#serach').click(function(){
        $("#table").bootstrapTable("refresh");
    });


</script>
</#assign>
<@layout title="用户管理" active="user">
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
       代理用户列表
        <small>一切从这里开始</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-user"></i> 代理管理</a></li>
        <li><a href="#"><i class="fa fa-list-ul"></i> 代理用户管理</a></li>
        <li class="active"><i class="fa fa-table"></i>代理 用户列表</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <!-- Default box -->
    <div class="box box-primary">
        <div class="box-header">




        <div class="card-content">
            <div class="col s12">
                <div class="input-field inline"> 代理ID:</div>
                <div class="input-field inline">
                    <input type="text" id="id"  name="id" autocomplete="off"
                           value="${id}">
                </div>

                <div class="input-field inline">
                    <button class="btn btn-sm  btn-primary" id="serach">搜索</button>
                    <a class="btn btn-sm btn-success " href="${ctx!}/agent/index">刷新</a>
                   <@shiro.hasPermission name="system:agent:add">
                        <a class="btn btn-sm btn-warning" href="${ctx!}/agent/add">新增</a>
                      </@shiro.hasPermission>
                </div>
            </div>

        </div>
        </div>

        <div class="box-body table-responsive">
            <table id="table" class="table table-striped">

            </table>
        </div>

    </div>
    <!-- /.box -->

</section>
<!-- /.content -->
</@layout>